<script src="../../common/permission.js"></script>
<template>
  <view class="product-intro">
    <!-- 律师匹配中 -->
    <view
        class="item-tip text-ellipsis gray"  :style="isshou=='3'?'margin-top: 1px;padding : 0':''"
        v-if="item.status == 0 || item.status == 1 || item.status == 2 || item.status == 13 || item.status == 15 || item.status == -1 || item.status == 18|| item.status == 19  || item.status==20"
    >
      <text :class="isshou=='3'?'tip-item font12':'tip-item'">
        <span>{{ item.choose }}</span>
        <template v-if="item.profession && item.profession.split(',').length > 1">
          {{ item.profession.split(',')[1] }}
        </template>
        <template v-else>
          {{ item.profession }}
        </template>
        <template v-if="item.serve_name == '全部'">
          全部执业年限专业律师
        </template>
        <template v-else>
          {{ item.serve_name || item.server_name_id }}的专业律师
        </template>
      </text>

    </view>
    <!-- 匹配成功后 -->
    <view class="item-tip gray" v-else>
      <text :class="isshou=='3'?'tip-item font12':'tip-item'" v-if="item.lawyer_name">{{ item.lawyer_name }}</text>
      <text :class="isshou=='3'?'tip-item font12':'tip-item'" v-if="item.lawyer_year">执业{{ item.lawyer_year }}年 </text>
      <text :class="isshou=='3'?'tip-item font12 flex1 text-ellipsis':'tip-item flex1 text-ellipsis'">
        {{ item.lawyer }} </text>
    </view>
    <!--    &lt;!&ndash;订单  律师 委托人都能看到 我的要求  &ndash;&gt;-->
    <!--    <view class="item-tip" v-if="item.requirement&&userInfo.is_fawu!='1'&&isshou!='1'" :class="iszhankai&&item.requirement.length>26?'onehang autohang':'onehang'">-->
    <!--      <text :class="isshou=='3'?'tip-item font12':'tip-item'" >-->
    <!--        <image src="@/static/img/order-tip-order.png" class="order-tip-img" mode="widthFix"></image>{{ item.requirement }}-->
    <!--      </text>-->
    <!--&lt;!&ndash;      <span style="width: 30rpx; height: 30rpx;"  v-if="item.requirement.length>26"><img style="width: 100%;height: 50%;"class="order-tip-img" :class="iszhankai?'xuanzhuan1':'xuanzhuan2'" src="@/static/img/ask-icon1.png" alt=""></span>&ndash;&gt;-->
    <!--    </view>-->
    <!--		&lt;!&ndash; 我的要求 &ndash;&gt;-->
    <!--		<view class="item-tip" v-if="item.requirement">-->
    <!--			<text class="tip-item">-->
    <!--				<image src="@/static/img/order-tip-order.png" class="order-tip-img" mode="widthFix"></image>-->
    <!--				{{ item.requirement }}</text>-->
    <!--		</view>-->
    <!-- 自费 价格 -->
    <view class="item-prize" v-if="(((userInfo.is_lawyer=='1'||userInfo.is_weituo=='1')&&item.product == '打官司')||(isshou=='3'&&item.product == '打官司'))">
      <view class="item-right" style="min-height:60rpx;padding-right: 20rpx;" v-if="item.price_type=='自费'">
        <view class="service-list inline-list" v-if="item.offer == '45'||item.offer == '千里马'">
          <!-- <span class="prize-num" :style="isshou!='3'?'color:#f20000;':'font-size:12px;margin-top:2px'">￥{{ item.money }}</span> -->
          <span class="prize-num" :style="isshou!='3'?'color:#f20000;':'font-size:12px;margin-top:2px'">￥{{ item.total }}</span>
        </view>

        <view class="service-list inline-list" v-if="item.offer == '46'" :style="isshou!='3'?'color:#f20000;margin-bottom: 20rpx;':'margin-bottom: 20rpx;font-size:12px'">
          前期费用：{{item.total}}(下单时付)
          <view style="display: block" v-if="item.self_ident == '33'">
            后期费用：按律师帮您减少支出金额的{{ item.later_money }}计算
          </view>
          <view style="display: block" v-else>
            后期费用：按律师帮您回收款物金额的{{ item.later_money }}计算
          </view>
        </view>
        <view class="service-list inline-list" v-if="item.offer == '47'" :style="isshou!='3'?'color:#f20000;margin-bottom: 20rpx':'margin-bottom: 20rpx;font-size:12px'">
          <view v-if="item.self_ident == '33'">
            按律师帮您回收款物金额的{{ item.later_money }}计算
          </view>
          <view v-else>
            按律师帮您回收款物金额的{{ item.later_money }}计算
          </view>
        </view>
      </view>
      <view class="item-right" style="min-height:60rpx;padding-right: 20rpx;" v-else>
        <text class="prize-num" :style="isshou!='3'?'color:#f20000;margin-bottom: 20rpx':';margin-bottom: 20rpx;font-size:12px'">￥{{item.money}}</text>
      </view>
      <!-- <text class="prize-num" v-if="item.price_type == '投资人支付(不用还)'">￥2500.00</text> -->
    </view>
    <!--    投资人角色   投资人订单-->
    <!--    <view  v-if="userInfo.is_touziren=='1'&&item.product == '打官司'">-->
    <!--      <view class="item-tip">-->
    <!--        &lt;!&ndash; <text class="prize-num" v-if="item.price_type == '投资人支付(不用还)'">￥2500.00</text> &ndash;&gt;-->
    <!--        <text class="tip-item">已支投资费用: ￥{{ item.item_zhichu }}</text>-->
    <!--        <text class="tip-item">已收投资收益: ￥{{ item.item_shouyi }}</text>-->
    <!--      </view>-->
    <!--        <view class="item-prize">-->
    <!--          &lt;!&ndash; <text class="prize-num" v-if="item.price_type == '投资人支付(不用还)'">￥2500.00</text> &ndash;&gt;-->
    <!--          <text class="prize-num">盈利: ￥{{ item.item_yingli }}</text>-->
    <!--        </view>-->
    <!--      </view>-->
    <!--    其他订单 -->
    <view class="item-prize" v-if="item.product != '打官司'">
      <!-- <text class="prize-num" v-if="item.price_type == '投资人支付(不用还)'">￥2500.00</text> -->
      <text class="prize-num" :style="isshou!='3'?'':'font-size:12px'">￥{{ item.money }}</text>
    </view>
  </view>
</template>

<script>
export default {
  props:['item',"isshou",'isProtect',"userInfo"],
  data() {
    return {
      iszhankai:false,
    };
  },
  created() {
    console.log("=====11222222",this.item)
  },
  methods: {
    zhankai(){
      this.iszhankai = !this.iszhankai;
    }
  }
};
</script>

<style lang="scss">
.onehang{
  height: 34rpx;
  width: 99%;
  overflow: hidden;

  .tip-item{
    width: 648rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.autohang{
  height: auto;
  .tip-item{
    width: 100%;
    white-space: normal;
  }
}
.xuanzhuan1{
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg);
  -webkit-transition:-webkit-transform 0.5s linear;
  transition:transform 0.5s linear;
}
.xuanzhuan2{
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
  -webkit-transition:-webkit-transform 0.5s linear;
  transition:transform 0.5s linear;
}
.tip-item{
  margin-right:5px
}
.font12{
  font-size: 12px!important;
  padding: 0!important;
}
</style>
